@import '~antd/lib/style/themes/default.less';

//修改样式
.ant-layout-content{
  background: #ccc;
  margin:0;
}
.wrapper{
  :global{
    .ant-form-item-control{
      line-height: 50px;
    }
    .ant-form-item-label{
      line-height: 50px;
    }
    .ant-form label{
      font-size: 16px;
      color: #0a0a0a ;
      margin-right: 16px;
    }
    .ant-form-item{
      min-height: 50px;
      margin-bottom: 0;
    }
    .ant-input{
      border:1px solid #d4d4d4;
    }
    .ant-btn, .ant-btn:active, .ant-btn:focus{
      background:transparent;
      color:#0a0a0a;
      border:1px solid #d4d4d4;
      font-size: 12px;
      width:74px;
    }
    .ant-btn-primary{
      width: 74px;
      height:30px;
      line-height:30px;
      font-size:12px;
      background:#1672C3;
      color:#fff;
    }
    ul{
      padding: 0;
      margin-top:-32px;
      list-style:none;
    }
    li:nth-child(odd){
      background: #f2f8f6 ;
    }
    li:nth-child(even){
      background: #d4e4f3;
    }
  }
  .img{
      background: #fff;
      height:130px;
      margin-top:10px;
      width:60%;
  }
}
.upload{
    width:60%;
    height: 130px;
    margin-top:10px;
    margin-bottom: 10px;
    position: relative;
    border: 1px dashed #d9d9d9;
    background: #fafafa;
    -webkit-transition:border-color .3s ease;
    transition:border-color .3s ease;
  &:hover{
      border: 1px dashed rgb(23, 114, 195);
  }  
    
    :global{
        #image{
            width:100%;
            height:100%;
            background: transparent;
            opacity: 0;
            position: relative;
            z-index: 10;
        }
         #photo{
            width:100%;
            height:100%;
            background: transparent;
            opacity: 0;
            position: relative;
            z-index: 10;
        }
        #imageSrc{
            position: absolute;
            top:5%;
            left:5%;
            width:90%;
            height:90%;
            text-align: center;
            z-index: 8;
            display:none;
        }
        #photoSrc{
            position: absolute;
            top:5%;
            left:5%;
            width:90%;
            height:90%;
            text-align: center;
            z-index: 8;
            display:none;
        }
        #imageIcon{
            position: absolute;
            top:0;
            left: 0;
            right:0;
            bottom: 0;
            width:100%;
            text-align: center;
            z-index: 8;
        }
        #photoIcon{
            position: absolute;
            top:0;
            left: 0;
            right:0;
            bottom: 0;
            width:100%;
            text-align: center;
            z-index: 8;
        }
        #imageIcon div{
            height:30px;
            line-height: 30px;
        }
        #photoIcon div{
            height:30px;
            line-height: 30px;
        }
        #imageIcon div:first-child{
            margin-top:35px;
            font-size: 26px;
        }
        #photoIcon div:first-child{
            margin-top:35px;
            font-size: 26px;
        }
        
        
        
//      .ant-upload.ant-upload-select-picture-card{
//            width:60%;
//            height:130px;
//            margin-top:10px;
//        }
//        img{
//            width:100%;
//            height:100%;
//        }
//        .ant-upload.ant-upload-select-picture-card > .ant-upload{
//            width: 60%;
//            height: 130px;
//        }
    }
}
.codeLable{
  height:50px;
  :global{
    .ant-form-item-label label{
      display: block;
      height: 50px;
      line-height: 50px;
    }
  }
}

.codeStart{
  :global{
    .ant-form-item-label label{
      position: relative;
      left:-16px;
    }
    .ant-form-item-label label:after{
      position: absolute;
      top:-16px;
      right:-16px;
    }
    .ant-form-item-label label:before{
      content: '⁎';
      display: block;
      position: absolute;
      left:-18px;
      top:-14px;
      font-size: 32px;

    }
  }
}
.pbg{
    :global{
        .ant-row:before{
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 50px;
            background: red;
            bottom: 0;
            background: #f2f8f6;
        }
    }
}
.photobg{
    :global{
        .ant-row:before{
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 50px;
            background: red;
            bottom: 0;
            background: #D4E4F3;
        }
    }
}
:global{
    .ant-breadcrumb{
       line-height: 40px;
       padding-left: 26px;
       border-bottom: 2px solid #1772C3;
    }
}